<!--
 * @Descripttion: 成交数据明细
 * @version:
 * @Author: 张文韬
 * @Date: 2020-10-13 09:57:50
 * @LastEditors: 张文韬
 * @LastEditTime: 2020-10-13 09:57:56
-->
<template>
  <el-card class="box-card">
    <eManage :controlFormOptions="formOptions"
             :search-label-width="searchLabelWidth"
             :controlBtns="btns"
             :searchShow="true"
             :operationShow="true"
             :tableBtnType="2"
             :tableColumns="columns"
             :dialogFormOptions="editFormOptions"
             :dialogFormLabelWidth="editFormLabelWidth"
             :dialogFormRules="editFormRules"
             :interFace="interFaces"
             @on-exportData="handleExportData">
    </eManage>
  </el-card>
</template>

<script>
import eManage from '@/components/e-manage'
import { formOptions, btns } from './control'
import columns from './columns'
import { editFormOptions, editFormRules } from './form'
import interFaces from './interFaces'
export default {
  name: 'transaction-data-details',
  components: {
    eManage
  },
  props: {},
  data () {
    return {
      formOptions,
      searchLabelWidth: '100px',
      btns,
      columns,
      editFormOptions,
      editFormLabelWidth: '100px',
      editFormRules,
      interFaces
    }
  },
  watch: {},
  computed: {},
  methods: {
    /**
     * @functionName handleExportData
     * @description 处理导出数据
     * @author 张文韬
     * @date 2020-10-13 11:48:05
     * @version V1.0.0
     */
    handleExportData () {
      console.log('handleExportData')
    }
  },
  created () { },
  mounted () { }
}
</script>
<style lang="scss">
.box-card {
  margin: 4px;
  height: calc(100vh - 110px);
  .el-card__body {
    padding: 0;
  }
}
.abc-header {
  color: #0000ff;
}
.abc {
  font-weight: bold;
  color: #e53939;
}
</style>
